<?php
//Función Refrescar Pagina
$self = $_SERVER['PHP_SELF']; //Obtenemos La Página En La Que Nos Encontramos 
header("refresh:300;  url=$self");//Refrescamos Cada 300 Segundos (5 Minutos)

session_start();
if (!isset($_SESSION['usuario'])) {
    header('location:../html/login.html');
}

echo '
                <center>
                    <title>Programacion de Cirugias</title>
                    <table>
                        <tr>
                            <td>';
include_once 'menu.php';
echo"</td>
                        </tr>
                    </table>
                    </br>";

?>

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset= UTF-8 " />
        <script src="jquery-1.9.1.min.js"></script>
        <!-- Librerias jquery y hojas de estilo para creacion  del calendario -->
        <script src="../reportes/js/jquery-1.5.2.js" type="text/javascript"></script>
        <link rel="stylesheet" href="../reportes/css/impresion.css" type="text/css" media="print">
        <link rel="stylesheet" href="../reportes/css/jquery.ui.all.css" type="text/css">
        <script type="text/javascript" src="../reportes/js/jquery.ui.core.js"></script>
        <script type="text/javascript" src="../reportes/js/jquery.ui.widget.js"></script>
        <script type="text/javascript" src="../reportes/js/jquery.ui.datepicker.js"></script>
        <link rel="stylesheet" href="../reportes/css/pestana.css" />
        <script src="../reportes/js/jquery-ui.js"></script>
        <style type="text/css">
            
            #cirugias{
                font-size: 75%;
                padding:10px 10px 10px; text-align:center;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe)); background:#e8eaeb;
            }
            #filas{
                font-size: 60%;
                padding:10px 10px 10px; text-align:left;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));
            }
            #apDiv1{ 
                width: 1000%;
                background-color: white;
                border-radius: 20px;
                border:1px solid #d3d3d3;
                background:#fefefe;width:auto;
                height: auto;
                margin:1% auto 0;
                -moz-border-radius:8px;
                /* FF1+ */-webkit-border-radius:8px;
                /* Saf3-4 */border-radius:8px;
                -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
                -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
            }
            #cirugias2{
                width:92%;
                height: 10px;
            }
            #titulo {
                font-size: 16px;
                color: #323133;
                font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
                letter-spacing: -1px;
                text-decoration: none; 
                text-shadow: 1px 1px #fff, 0 0 #0e0e0e, 2px 3px 1px #e3e3e3; 
                text-transform: none; 
                word-spacing: -2px;
            }

            #tc{
                margin-top: -1%;
            }
            #scroll2{
                width: 100%;
                font-size: 80%;
                padding: 5px;
                
                border-radius: 5px 5px 0px 0px;
                
                
                /**/
                background:linear-gradient(#B5B5B5, #e8eaeb);
                font-weight: bold;
                position: relative;
                
            }
            #scroll3{
                width: 100%;
                font-size: 80%;
                padding: 5px;
                height: 35px;
                border-radius: 0px 0px 5px 5px; 
                
                
                /**/
                background:linear-gradient(#B5B5B5, #e8eaeb);
                font-weight: bold;
                position: relative;
                
            }
            #scroll{
                overflow-y: scroll;
                width: 100%;
                height: 80%;
            }
            #datatables{
                width: 100%;
                height: 10%;
                font-size: 105%;
                overflow:hidden;border:1px solid #d3d3d3;background:#fefefe;width:100%;-moz-border-radius:5px; /* FF1+ */-webkit-border-radius:5px; /* Saf3-4 */border-radius:5px;-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
            }

            label,input,button,select,textarea{font-size:14px;font-weight:normal;line-height:20px}input,button,select,textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}label{display:block;margin-bottom:5px}select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{display:inline-block;height:28px;padding:4px 6px;margin-bottom:10px;font-size:14px;line-height:20px;color:#555;vertical-align:middle;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}input,textarea,.uneditable-input{width:170px}textarea{height:auto}textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{background-color:#fff;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border linear .2s,box-shadow linear .2s;-moz-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s}textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{border-color:rgba(82,168,236,0.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6)}input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;*margin-top:0;line-height:normal}input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"]{width:auto}select,input[type="file"]{height:30px;*margin-top:4px;line-height:30px}select{width:170px;background-color:#fff;border:1px solid #ccc}select[multiple],select[size]{height:auto}select:focus,input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.uneditable-input,.uneditable-textarea{color:#999;cursor:not-allowed;background-color:#fcfcfc;border-color:#ccc;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);box-shadow:inset 0 1px 2px rgba(0,0,0,0.025)}.uneditable-input{overflow:hidden;white-space:nowrap}.uneditable-textarea{width:auto;height:auto}input:-moz-placeholder,textarea:-moz-placeholder{color:#999}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#999}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999}.radio,.checkbox{min-height:20px;padding-left:20px}.radio input[type="radio"],.checkbox input[type="checkbox"]{float:left;margin-left:-20px}.controls>.radio:first-child,.controls>.checkbox:first-child{padding-top:5px}.radio.inline,.checkbox.inline{display:inline-block;padding-top:5px;margin-bottom:0;vertical-align:middle}.radio.inline+.radio.inline,.checkbox.inline+.checkbox.inline{margin-left:10px}.input-mini{width:60px}.input-small{width:90px}.input-medium{width:150px}.input-large{width:210px}.input-xlarge{width:270px}.input-xxlarge{width:530px}input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"]{float:none;margin-left:0}.input-append input[class*="span"],.input-append .uneditable-input[class*="span"],.input-prepend input[class*="span"],.input-prepend .uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"],.row-fluid .input-prepend [class*="span"],.row-fluid .input-append [class*="span"]{display:inline-block}input,textarea,.uneditable-input{margin-left:0}.controls-row [class*="span"]+[class*="span"]{margin-left:20px}input.span12,textarea.span12,.uneditable-input.span12{width:926px}input.span11,textarea.span11,.uneditable-input.span11{width:846px}input.span10,textarea.span10,.uneditable-input.span10{width:766px}input.span9,textarea.span9,.uneditable-input.span9{width:686px}input.span8,textarea.span8,.uneditable-input.span8{width:606px}input.span7,textarea.span7,.uneditable-input.span7{width:526px}input.span6,textarea.span6,.uneditable-input.span6{width:446px}input.span5,textarea.span5,.uneditable-input.span5{width:366px}input.span4,textarea.span4,.uneditable-input.span4{width:286px}input.span3,textarea.span3,.uneditable-input.span3{width:206px}input.span2,textarea.span2,.uneditable-input.span2{width:126px}input.span1,textarea.span1,.uneditable-input.span1{width:46px}.controls-row{*zoom:1}.controls-row:before,.controls-row:after{display:table;line-height:0;content:""}.controls-row:after{clear:both}.controls-row [class*="span"],.row-fluid .controls-row [class*="span"]{float:left}.controls-row .checkbox[class*="span"],.controls-row .radio[class*="span"]{padding-top:5px}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background-color:#eee}input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly]{background-color:transparent}.control-group.warning .control-label,.control-group.warning .help-block,.control-group.warning .help-inline{color:#c09853}.control-group.warning .checkbox,.control-group.warning .radio,.control-group.warning input,.control-group.warning select,.control-group.warning textarea{color:#c09853}.control-group.warning input,.control-group.warning select,.control-group.warning textarea{border-color:#c09853;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.control-group.warning input:focus,.control-group.warning select:focus,.control-group.warning textarea:focus{border-color:#a47e3c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e}.control-group.warning .input-prepend .add-on,.control-group.warning .input-append .add-on{color:#c09853;background-color:#fcf8e3;border-color:#c09853}
            
            .white {
                border-radius: 5px;
                color: #606060;
                border: solid 1px #b7b7b7;
                background: #fff;
                background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
                background: -moz-linear-gradient(top,  #fff,  #ededed);
                filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
                padding: 1px 1px 1px;
                font-size: 95%;
                margin-top: -5px;
            }
            .white:hover {
                background: #ededed;
                background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
                background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
                filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
            }
            .white:active {
                color: #999;
                background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
                background: -moz-linear-gradient(top,  #ededed,  #fff);
                filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
            }
            /*intercalar colores en las filas de la tabla
            /* para las filas impares */
            table tr:nth-child(odd) th {
                background-color: #DAEAFF;
                font-weight: normal;
            }
            /* para las filas paras */
            table tr:nth-child(even) th {
                background-color: #FFFFFF;
                font-weight: normal;
            }
            
        </style>
        
          <script>
            function ventana(folio,estado){
                window.open("../../Quirofano/vista/php/pcirugias.php?folio="+folio+"&estado="+estado,"","top=100,left=20,width=1300,height=400,scrollbars=yes");
            }
            
            function ventana2(oid,estado){
                window.open("../../Quirofano/vista/php/pcirugiasA.php?OID="+oid+"&estado="+estado,"","top=100,left=20,width=1300,height=400,scrollbars=yes");
                window.opener.prueba();
            }
            //Exportar a excel
         $(document).ready(function() {
            $(".botonExcel").click(function(event) {
                $("#datos_a_enviar1").val( $("<div>").append( $("#dat").eq(0).clone()).html());
                $("#FormularioExportacion").submit();
            });
            
            $(".botonExcel2").click(function(event) {
                $("#datos_a_enviar2").val( $("<div>").append( $("#dat2").eq(0).clone()).html());
                $("#FormularioExportacion2").submit();
            });
             $(".botonExcel3").click(function(event) {
                $("#datos_a_enviar3").val( $("<div>").append( $("#ReporteQx").eq(0).clone()).html());
                $("#FormularioExportacion3").submit();
            });
        });
 
            

            
        </script>
    
            <script>
                function datosC(){
                    $.ajax({
                        type: "POST",
                        contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                        url: "../../Quirofano/controlador/php/sql/datosC.php",
                        success: datos
                    });            
                }
                function datos(dato){
                    rpt = $.parseJSON(dato);
                    var resp = "";
                    datos = $("#dat");
                    resp += "<table width='103%' height='50' class='display' id='datatables'>\
                               <tr id='cirugias'>\
                                   <td>\
                                       Cant\
                                   </td>\
                                   <td>\
                                       Documento\
                                   </td>\
                                   <td>\
                                       Nombres\
                                   </td>\
                                   <td>\
                                       Cama\
                                   </td>\
                                   <td>\
                                       Fecha de Solicitid\
                                   </td>\
                                   <td>\
                                       Entidad\
                                   </td>\
                                   <td>\
                                       Especialidad\
                                   </td>\
                                   <td>\
                                       Area Servicio\
                                   </td>\
                                   <td>\
                                       Estado Autorizacion\
                                   </td>\
                                   <td>\
                                       Ver\
                                   </td>\
                               </tr>";
                     var con=1;
                     var esta = "";
                     var estado = "";
                     for(r in rpt){
                         esta = rpt[r].estado_programacion;
                         if(esta == ""){
                             var autorizado = "0";
                         }else{
                             autorizado = esta;
                         }
                         if(esta == "1"){
                              estado = "Tramite";
                         }else if(esta == "5"){
                              estado = "Cumplida";
                         }else if(esta == "2"){
                              estado = "Autorizada";
                         }else if(esta == "3"){
                              estado = "Rechazada";
                         }else if(esta == "4"){
                              estado = "Asignada";
                         }else if(esta == "6"){
                                var cancelado = rpt[r].hcancelado;
                                if(cancelado == 1){
                                    estado = "Cancelada";
                                }else if(cancelado == 2){
                                    estado = "Cancelada";
                                }else if(cancelado == 3){
                                    estado = "Cancelada";
                                }else if(cancelado == 4){
                                    estado = "Cancelada";
                                }else if(cancelado == 5){
                                    estado = "Cancelada";
                                }else if(cancelado == 6){
                                    estado = "Reprogramada";
                                }else if(cancelado == 7){
                                    estado = "Reprogramada";
                                }else if(cancelado == 8){
                                    estado = "Reprogramada";
                                }else if(cancelado == 9){
                                    estado = "Reprogramada";
                                }else if(cancelado == 10){
                                    estado = "Reprogramada";
                                }else if(cancelado == 11){
                                    estado = "Reprogramada";
                                }else if(cancelado == 12){
                                    estado = "Reprogramada";
                                }else if(cancelado == 13){
                                    estado = "Reprogramada";
                                }
                         }else if(esta == ""){
                              estado = "Registrado";
                         }
                         else if(esta == "0"){
                              estado = "Registrado";
                         }

                          resp += '<tr id="filas">\
                                      <th  align="center">\
                                        '+ con +'\
                                      </th>\
                                      <th align="center" title="Documento del Paciente">\
                                        '+ rpt[r].DOCUMENTO +'\
                                      </th>\
                                      <th align="center" title="Nombre del Paciente">\
                                        '+ rpt[r].PACIENTE +'\
                                      </th>\
                                      <th align="center" title="Cama">\
                                        '+ rpt[r].CAMA +'\
                                      </th>\
                                      <th align="center" title="Fecha de la Solicitud">\
                                        '+ rpt[r].FECHA_SOLICITUD +'\
                                      </th>\
                                      <th align="center" title="Entidad">\
                                        '+ rpt[r].ENTIDAD +'\
                                      </th>\
                                      <th align="center" title="Especialidad">\
                                        '+ rpt[r].ESPECIALIDAD +'\
                                      </th>\
                                      <th align="center" title="Area de Servico">\
                                        '+ rpt[r].AREA_DE_SERVICIO_HC +'\
                                      </th>\
                                       <th align="center" title="Estado de la Autorizacion">\
                                        '+ estado +'\
                                      </th>\
                                      <th onclick="ventana('+ rpt[r].OID +','+ autorizado +');">\
                                           <img src="../imagen/vers.png" width="25" title="Ver Programacion">\
                                      </th>\
                                    </tr>\ ';
                           con++;
                     }        
                     resp += "</table>"; 
                     datos.append(resp);
                }
                function filtro2(){
                    var filt= document.getElementById("filtro").value;
                    if (filt == "doc"){
                        $("#respuesta").text("");
                        document.getElementById("contenido2").innerHTML = '<table style="font-size:100%">\
                                                                                <tr>\
                                                                                    <td>\
                                                                                        Documento\
                                                                                    </td>\
                                                                                    <td>\
                                                                                        <input type="text" id="documento" name="txtDocumento" value="" />\
                                                                                    </td>\
                                                                                    <td>\
                                                                                        <input class="white" type="button" value="Filtrar" onclick="ejecutarFiltro2();"/>\
                                                                                    </td>\
                                                                                    <td>\
                                                                                        <input class="white" type="button" value="Cancelar" onclick="recargar();"/>\
                                                                                    </td>\
                                                                                </tr>\
                                                                          </table>';
                    }else if(filt == "ent"){
                        $("#respuesta").text("");
                        document.getElementById("contenido2").innerHTML = '<table style="font-size:100%">\
                                                                                <tr>\
                                                                                    <td>\
                                                                                        Entidad\
                                                                                    </td>\
                                                                                    <td>\
                                                                                        <input type="text" name="txtEspecialidad" id="entidad" value="" />\
                                                                                    </td>\
                                                                                    <td>\
                                                                                        <input class="white" type="button" value="Filtrar" onclick="ejecutarFiltro2();"/>\
                                                                                        <input class="white" type="button" value="Cancelar" onclick="recargar();"/>\
                                                                                    </td>\
                                                                                </tr>\
                                                                          </table>';
                        }else if(filt == "esp"){
                        $("#respuesta").text("");
                        document.getElementById("contenido2").innerHTML = '<table style="font-size:100%">\
                                                                                <tr>\
                                                                                    <td>\
                                                                                        Especialidad\
                                                                                    </td>\
                                                                                    <td>\
                                                                                        <input type="text" name="txtEspecialidad" id="especialidad" value="" />\
                                                                                    </td>\
                                                                                    <td>\
                                                                                        <input class="white" type="button" value="Filtrar" onclick="ejecutarFiltro2();"/>\
                                                                                        <input class="white" type="button" value="Cancelar" onclick="recargar();"/>\
                                                                                    </td>\
                                                                                </tr>\
                                                                          </table>';
                        }else if(filt == "ase"){
                        $("#respuesta").text("");
                        document.getElementById("contenido2").innerHTML = '<table style="font-size:100%">\
                                                                                <tr>\
                                                                                    <td>\
                                                                                        Area Servicio\
                                                                                    </td>\
                                                                                    <td>\
                                                                                        <input type="text" name="txtAreas" value="" id="areas"/>\
                                                                                    </td>\
                                                                                    <td>\
                                                                                        <input class="white" type="button" value="Filtrar" onclick="ejecutarFiltro2();"/>\
                                                                                        <input class="white" type="button" value="Cancelar" onclick="recargar();"/>\
                                                                                    </td>\
                                                                                </tr>\
                                                                          </table>';
                        }else if(filt == "est"){
                        $("#respuesta").text("");
                        document.getElementById("contenido2").innerHTML = '<table style="font-size:100%">\
                                                                                <tr>\
                                                                                    <td>\
                                                                                        Estado Programacion\
                                                                                    </td>\
                                                                                    <td>\
                                                                                        <select name="cbestados" id="estado">\
                                                                                            <option>Seleccione</option>\
                                                                                            <option value="4">Asignada</option>\
                                                                                            <option value="2">Autorizada</option>\
                                                                                            <option value="5">Cumplidas</option>\
                                                                                            <option value="3">Rechazada</option>\
                                                                                            <option value="1">Tramite</option>\
                                                                                        </select>\
                                                                                    </td>\
                                                                                    <td>\
                                                                                        <input class="white" type="button" value="Filtrar" onclick="ejecutarFiltro2();"/>\
                                                                                        <input class="white" type="button" value="Cancelar" onclick="recargar();"/>\
                                                                                    </td>\
                                                                                </tr>\
                                                                          </table>';
                        }else if(filt == "Fecha"){
                            $("#respuesta").text("");
                        document.getElementById("contenido2").innerHTML = '<table style="font-size:100%">\
                                                                                <tr>\
                                                                                    <td>\
                                                                                        Fecha Inicial\
                                                                                    </td>\
                                                                                    <td>\
                                                                                        <input type="text" name="" id="FechaInicio" value="" />\
                                                                                    </td>\
                                                                                    <td>\
                                                                                        Fecha Final\
                                                                                    </td>\
                                                                                    <td>\
                                                                                        <input type="text" name="" id="FechaFinal" value="" />\
                                                                                    </td>\
                                                                                    <td>\
                                                                                        <input class="white" type="button" value="Filtrar" onclick="ejecutarFiltro2();"/>\
                                                                                        <input class="white" type="button" value="Cancelar" onclick="recargar();"/>\
                                                                                    </td>\
                                                                                </tr>\
                                                                          </table>';
                        Calendario();
                        }
                    }
                    function ejecutarFiltro2(){
                    var dat2 = "";
                    var filtro = document.getElementById("filtro").value;
                    if(filtro == "doc"){
                        var dat = document.getElementById("documento").value;
                        dat2 = "1";
                    }else if(filtro == "ent"){
                        dat = document.getElementById("entidad").value;
                        dat2 = "5";
                    }else if(filtro == "esp"){
                        dat = document.getElementById("especialidad").value;
                        dat2 = "2";
                    }else if(filtro == "ase"){
                        dat = document.getElementById("areas").value;
                        dat2 = "3";
                    }else if(filtro == "est"){
                        dat = document.getElementById("estado").value;
                        dat2 = "4";
                    }else if(filtro == "Fecha"){
                        var FechaI =document.getElementById("FechaInicio").value;
                        var FechaF =document.getElementById("FechaFinal").value;
                        dat2 = "6";
                    }

                    $.ajax({
                        type: "POST",
                        contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                        url: "../../Quirofano/controlador/php/sql/pacientesA.php",
                        data: {dat:dat,dat2:dat2,FechaI:FechaI,FechaF:FechaF},
                        success: filtr
                    });            

                }
                function filtr(dato){
                    $("#dat2").text("");
                    rpt = $.parseJSON(dato);
                    var resp = "";
                    datos = $("#dat2");
                    resp += "<table width='103%' height='50' class='display' id='datatables'>\
                               <tr id='cirugias'>\
                                   <td>\
                                       Cant\
                                   </td>\
                                   <td>\
                                       Documento\
                                   </td>\
                                   <td>\
                                       Nombres\
                                   </td>\
                                   <td>\
                                       Cama\
                                   </td>\
                                   <td>\
                                       Fecha de Solicitid\
                                   </td>\
                                   <td>\
                                       Entidad\
                                   </td>\
                                   <td>\
                                       Especialidad\
                                   </td>\
                                   <td>\
                                       Area Servicio\
                                   </td>\
                                   <td>\
                                       Estado Autorizacion\
                                   </td>\
                                   <td>\
                                       Ver\
                                   </td>\
                               </tr>";
                     var con=1;
                     var esta = "";
                     var estado = "";
                     var temp = "";
                     var doc = "";

                     for(r in rpt){
                         esta = rpt[r].proestado;
                         if(esta == ""){
                             var autorizado = "0";
                         }else{
                             autorizado = esta;
                         }
                         if(esta == "1"){
                              estado = "Tramite";
                         }else if(esta == "5"){
                              estado = "Cumplida";
                         }else if(esta == "2"){
                              estado = "Autorizada";
                         }else if(esta == "3"){
                              estado = "Rechazada";
                         }else if(esta == "4"){
                              estado = "Asignada";
                         }else if(esta == "6"){
                              estado = "Cancelada";
                         }else if(esta == ""){
                              estado = "";
                         }
                         else if(esta == "0"){
                              estado = "";
                         }
                         doc = rpt[r].praoid;
                         if(temp != doc){
                         resp += '<tr id="filas">\
                                      <th align="center">\
                                        '+ con +'\
                                      </th>\
                                      <th align="center" title="Documento del Paciente">\
                                        '+ rpt[r].PACNUMDOC +'\
                                      </th>\
                                      <th align="center" title="Nombre del Paciente">\
                                        '+ rpt[r].nombres + " " + rpt[r].apellidos +'\
                                      </th>\
                                      <th align="center" title="Nombre del Paciente">\
                                        \
                                      </th>\
                                      <th align="center" title="Fecha de la Solicitud">\
                                        '+ rpt[r].prafech +'\
                                      </th>\
                                      <th align="center" title="Entidad">\
                                        '+ rpt[r].GDENOMBRE +'\
                                      </th>\
                                      <th align="center" title="Especialidad">\
                                        '+ rpt[r].GEEDESCRI +'\
                                      </th>\
                                      <th align="center" title="Area de Servico">\
                                        '+ rpt[r].ser_descripcion+'\
                                      </th>\
                                       <th align="center" title="Estado de la Autorizacion">\
                                        '+ estado +'\
                                      </th>\
                                      <th onclick="ventana2('+ rpt[r].praoid +','+ autorizado +');">\
                                           <img src="../imagen/vers.png" width="25" title="Ver Programacion">\
                                      </th>\
                                    </tr>\ ';
                          }
                          temp = doc;
                          con++;
                     }        
                     resp += "</table>"; 
                     datos.append(resp);
                }


                function filtro(){
                    var filtr = document.getElementById("cbfiltro").value;

                    if(filtr == "doc"){
                        $("#respuesta").text("");
                        document.getElementById("contenido").innerHTML = '<table style="font-size:100%">\
                                                                                <tr>\
                                                                                    <td>\
                                                                                        Documento\
                                                                                    </td>\
                                                                                    <td>\
                                                                                        <input type="text" id="documento" name="txtDocumento" value="" />\
                                                                                    </td>\
                                                                                    <td>\
                                                                                        <input class="white" type="button" value="Filtrar" onclick="ejecutarFiltro();"/>\
                                                                                    </td>\
                                                                                    <td>\
                                                                                        <input class="white" type="button" value="Cancelar" onclick="recargar();"/>\
                                                                                    </td>\
                                                                                </tr>\
                                                                          </table>';
                    }else if(filtr == "esp"){
                        $("#respuesta").text("");
                        document.getElementById("contenido").innerHTML = '<table style="font-size:100%">\
                                                                                <tr>\
                                                                                    <td>\
                                                                                        Especialidad\
                                                                                    </td>\
                                                                                    <td>\
                                                                                        <input type="text" name="txtEspecialidad" id="especialidad" value="" />\
                                                                                    </td>\
                                                                                    <td>\
                                                                                        <input class="white" type="button" value="Filtrar" onclick="ejecutarFiltro();"/>\
                                                                                        <input class="white" type="button" value="Cancelar" onclick="recargar();"/>\
                                                                                    </td>\
                                                                                </tr>\
                                                                          </table>';
                    }else if(filtr == "ent"){
                        $("#respuesta").text("");
                        document.getElementById("contenido").innerHTML = '<table style="font-size:100%">\
                                                                                <tr>\
                                                                                    <td>\
                                                                                        Entidad\
                                                                                    </td>\
                                                                                    <td>\
                                                                                        <input type="text" name="txtEspecialidad" id="entidad" value="" />\
                                                                                    </td>\
                                                                                    <td>\
                                                                                        <input class="white" type="button" value="Filtrar" onclick="ejecutarFiltro();"/>\
                                                                                        <input class="white" type="button" value="Cancelar" onclick="recargar();"/>\
                                                                                    </td>\
                                                                                </tr>\
                                                                          </table>';
                    }else if(filtr == "ase"){
                        $("#respuesta").text("");
                        document.getElementById("contenido").innerHTML = '<table style="font-size:100%">\
                                                                                <tr>\
                                                                                    <td>\
                                                                                        Area Servicio\
                                                                                    </td>\
                                                                                    <td>\
                                                                                        <input type="text" name="txtAreas" value="" id="areas"/>\
                                                                                    </td>\
                                                                                    <td>\
                                                                                        <input class="white" type="button" value="Filtrar" onclick="ejecutarFiltro();"/>\
                                                                                        <input class="white" type="button" value="Cancelar" onclick="recargar();"/>\
                                                                                    </td>\
                                                                                </tr>\
                                                                          </table>';
                    }else if(filtr == "est"){
                        $("#respuesta").text("");
                        document.getElementById("contenido").innerHTML = '<table style="font-size:100%">\
                                                                                <tr>\
                                                                                    <td>\
                                                                                        Estado Programacion\
                                                                                    </td>\
                                                                                    <td>\
                                                                                        <select name="cbestados" id="estado">\
                                                                                            <option>Seleccione</option>\
                                                                                            <option value="4">Asignada</option>\
                                                                                            <option value="2">Autorizada</option>\
                                                                                            <option value="5">Cumplidas</option>\
                                                                                            <option value="3">Rechazada</option>\
                                                                                            <option value="1">Tramite</option>\
                                                                                        </select>\
                                                                                    </td>\
                                                                                    <td>\
                                                                                        <input class="white" type="button" value="Filtrar" onclick="ejecutarFiltro();"/>\
                                                                                        <input class="white" type="button" value="Cancelar" onclick="recargar();"/>\
                                                                                    </td>\
                                                                                </tr>\
                                                                          </table>';
                    }else if(filtr == "Fecha"){
                        $("#respuesta").text("");
                        document.getElementById("contenido").innerHTML = '<table style="font-size:100%">\
                                                                                <tr>\
                                                                                    <td>\
                                                                                        Fecha Inicial\
                                                                                    </td>\
                                                                                    <td>\
                                                                                        <input type="text" name="" value="" id="FechaInicio"/>\
                                                                                    </td>\
                                                                                    <td>\
                                                                                        Fecha Final\
                                                                                    </td>\
                                                                                    <td>\
                                                                                        <input type="text" name="" value="" id="FechaFinal"/>\
                                                                                    </td>\
                                                                                    <td>\
                                                                                        <input class="white" type="button" value="Filtrar" onclick="ejecutarFiltro();"/>\
                                                                                        <input class="white" type="button" value="Cancelar" onclick="recargar();"/>\
                                                                                    </td>\
                                                                                </tr>\                                                                  \n\
                                                                            </table>';
                    Calendario();
                    }

                }

                function Calendario(){
                    $( "#FechaInicio" ).datepicker({ 
                             autoSize: true,
                             dayNames: ['Domingo', 'Lunes', 'Martes', 'Mi?rcoles', 'Jueves', 'Viernes', 'S?bado'],
                             dayNamesMin: ['Dom', 'Lu', 'Ma', 'Mi', 'Je', 'Vi', 'Sa'],
                             firstDay: 1,
                             monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
                             monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun','Jul','Ago','Sep','Oct','Nov','Dic'],
                             dateFormat: 'dd-mm-yy',
                             changeMonth: true,
                             changeYear: true,
                             yearRange: "-90:+0"

                            });

                            $( "#FechaFinal" ).datepicker({ 
                             autoSize: true,
                             dayNames: ['Domingo', 'Lunes', 'Martes', 'Mi?rcoles', 'Jueves', 'Viernes', 'S?bado'],
                             dayNamesMin: ['Dom', 'Lu', 'Ma', 'Mi', 'Je', 'Vi', 'Sa'],
                             firstDay: 1,
                             monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
                             monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun','Jul','Ago','Sep','Oct','Nov','Dic'],
                             dateFormat: 'dd-mm-yy',
                             changeMonth: true,
                             changeYear: true,
                             yearRange: "-90:+0"

                            });
                }
                function ejecutarFiltro(){
                    var dat2 = "";
                    var filtro = document.getElementById("cbfiltro").value;
                    if(filtro == "doc"){
                        var dat = document.getElementById("documento").value;
                        dat2 = "1";
                    }else if(filtro == "ent"){
                        dat = document.getElementById("entidad").value;
                        dat2 = "5";
                    }else if(filtro == "esp"){
                        dat = document.getElementById("especialidad").value;
                        dat2 = "2";
                    }else if(filtro == "ase"){
                        dat = document.getElementById("areas").value;
                        dat2 = "3";
                    }else if(filtro == "est"){
                        dat = document.getElementById("estado").value;
                        dat2 = "4";
                    }else if(filtro == "Fecha"){
                        var FechaI= document.getElementById("FechaInicio").value;
                        var FechaF= document.getElementById("FechaFinal").value;
                        dat2 = "6";
                    }

                    $.ajax({
                        type: "POST",
                        contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                        url: "../../Quirofano/controlador/php/sql/datosF.php",
                        data: {dat:dat,dat2:dat2,FechaI:FechaI,FechaF:FechaF},
                        success: datos2
                    });            

                }

                function datos2(dato){
                    $("#dat").text("");
                    rpt = $.parseJSON(dato);
                    var resp = "";
                    datos = $("#dat");
                    resp += "<table width='103%' height='50' class='display' id='datatables'>\
                               <tr id='cirugias'>\
                                   <td>\
                                       Cant\
                                   </td>\
                                   <td>\
                                       Documento\
                                   </td>\
                                   <td>\
                                       Nombres\
                                   </td>\
                                   <td>\
                                       Cama\
                                   </td>\
                                   <td>\
                                       Fecha de Solicitid\
                                   </td>\
                                   <td>\
                                       Entidad\
                                   </td>\
                                   <td>\
                                       Especialidad\
                                   </td>\
                                   <td>\
                                       Area Servicio\
                                   </td>\
                                   <td>\
                                       Estado Autorizacion\
                                   </td>\
                                   <td>\
                                       Ver\
                                   </td>\
                               </tr>";
                     var con=1;
                     var esta = "";
                     var estado = "";
                     for(r in rpt){
                         esta = rpt[r].estado_programacion;
                         if(esta == ""){
                             var autorizado = "0";
                         }else{
                             autorizado = esta;
                         }
                         if(esta == "1"){
                              estado = "Tramite";
                         }else if(esta == "5"){
                              estado = "Cumplida";
                         }else if(esta == "2"){
                              estado = "Autorizada";
                         }else if(esta == "3"){
                              estado = "Rechazada";
                         }else if(esta == "4"){
                              estado = "Asignada";
                         }else if(esta == "6"){
                              estado = "Cancelada";
                         }else if(esta == ""){
                              estado = "";
                         }
                         else if(esta == "0"){
                              estado = "";
                         }

                          resp += '<tr id="filas">\
                                      <th align="center">\
                                        '+ con +'\
                                      </th>\
                                      <th  title="Documento del Paciente">\
                                        '+ rpt[r].DOCUMENTO +'\
                                      </th>\
                                      <th title="Nombre del Paciente">\
                                        '+ rpt[r].PACIENTE +'\
                                      </th>\
                                      <th  title="Cama">\
                                        '+ rpt[r].CAMA +'\
                                      </th>\
                                      <th  title="Fecha de la Solicitud">\
                                        '+ rpt[r].FECHA_SOLICITUD +'\
                                      </th>\
                                      <th  title="Entidad">\
                                        '+ rpt[r].ENTIDAD +'\
                                      </th>\
                                      <th  title="Especialidad">\
                                        '+ rpt[r].ESPECIALIDAD +'\
                                      </th>\
                                      <th title="Area de Servico">\
                                        '+ rpt[r].AREA_DE_SERVICIO_HC +'\
                                      </th>\
                                       <th align="center" title="Estado de la Autorizacion">\
                                        '+ estado +'\
                                      </th>\
                                      <th onclick="ventana('+ rpt[r].OID +','+ autorizado +');">\
                                           <img src="../imagen/vers.png" width="25" title="Ver Programacion">\
                                      </th>\
                                    </tr>\ ';
                           con++;
                     }        
                     resp += "</table>"; 
                     datos.append(resp);
                }

                function recargar(){
                    document.location.reload();
                }

             function datosC2(){
                    $.ajax({
                        type: "POST",
                        contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                        url: "../../Quirofano/controlador/php/sql/pacientesA.php",
                        success: dato
                    });            
                }

                function dato(dato){
                    rpt = $.parseJSON(dato);
                    var resp = "";
                    datos = $("#dat2");
                    resp += "<table width='103%' height='50' class='display' id='datatables'>\
                               <tr id='cirugias'>\
                                   <td>\
                                       Cant\
                                   </td>\
                                   <td>\
                                       Documento\
                                   </td>\
                                   <td>\
                                       Nombres\
                                   </td>\
                                   <td>\
                                       Cama\
                                   </td>\
                                   <td>\
                                       Fecha de Solicitid\
                                   </td>\
                                   <td>\
                                       Fecha Vencimiento\
                                   </td>\
                                   <td>\
                                       Entidad\
                                   </td>\
                                   <td>\
                                       Especialidad\
                                   </td>\
                                   <td>\
                                       Area Servicio\
                                   </td>\
                                   <td>\
                                       Estado Autorizacion\
                                   </td>\
                                   <td>\
                                       Ver\
                                   </td>\
                               </tr>";
                     var con=1;
                     var esta = "";
                     var estado = "";
                     var temp = "";
                     var doc = "";
                     for(r in rpt){
                         esta = rpt[r].proestado;
                         if(esta == ""){
                             var autorizado = "0";
                         }else{
                             autorizado = esta;
                         }
                         if(esta == "1"){
                              estado = "Tramite";
                         }else if(esta == "5"){
                              estado = "Cumplida";
                         }else if(esta == "2"){
                              estado = "Autorizada";
                         }else if(esta == "3"){
                              estado = "Rechazada";
                         }else if(esta == "4"){
                              estado = "Asignada";
                         }else if(esta == "6"){
                                var cancelado = rpt[r].cancelado;
                                if(cancelado == 1){
                                    estado = "Cancelada";
                                }else if(cancelado == 2){
                                    estado = "Cancelada";
                                }else if(cancelado == 3){
                                    estado = "Cancelada";
                                }else if(cancelado == 4){
                                    estado = "Cancelada";
                                }else if(cancelado == 5){
                                    estado = "Cancelada";
                                }else if(cancelado == 6){
                                    estado = "Reprogramada";
                                }else if(cancelado == 7){
                                    estado = "Reprogramada";
                                }else if(cancelado == 8){
                                    estado = "Reprogramada";
                                }else if(cancelado == 9){
                                    estado = "Reprogramada";
                                }else if(cancelado == 10){
                                    estado = "Reprogramada";
                                }else if(cancelado == 11){
                                    estado = "Reprogramada";
                                }else if(cancelado == 12){
                                    estado = "Reprogramada";
                                }else if(cancelado == 13){
                                    estado = "Reprogramada";
                                }
                         }else if(esta == ""){
                              estado = "";
                         }
                         else if(esta == "0"){
                              estado = "";
                         }

                         doc = rpt[r].praoid;
                         if(temp != doc){
                          resp += '<tr id="filas">\
                                      <th align="center">\
                                        '+ con +'\
                                      </th>\
                                      <th align="center" title="Documento del Paciente">\
                                        '+ rpt[r].PACNUMDOC +'\
                                      </th>\
                                      <th align="center" title="Nombre del Paciente">\
                                        '+ rpt[r].nombres + " " + rpt[r].apellidos +'\
                                      </th>\
                                      <th align="center" title="Nombre del Paciente">\
                                        \
                                      </th>\
                                      <th align="center" title="Fecha de la Solicitud">\
                                        '+ rpt[r].prafech +'\
                                      </th>\
                                      <th align="center" title="Fecha de la Solicitud">\
                                        '+ rpt[r].prafecven +'\
                                      </th>\
                                      <th align="center" title="Entidad">\
                                        '+ rpt[r].GDENOMBRE +'\
                                      </th>\
                                      <th align="center" title="Especialidad">\
                                        '+ rpt[r].GEEDESCRI +'\
                                      </th>\
                                      <th align="center" title="Area de Servico">\
                                        '+ rpt[r].ser_descripcion+'\
                                      </th>\
                                       <th align="center" title="Estado de la Autorizacion">\
                                        '+ estado +'\
                                      </th>\
                                      <th onclick="ventana2('+ rpt[r].praoid +','+ autorizado +');">\
                                           <img src="../imagen/vers.png" width="25" title="Ver Programacion">\
                                      </th>\
                                    </tr>\ ';
                        }
                        temp = doc;
                           con++;
                     }        
                     resp += "</table>"; 
                     datos.append(resp);
                }
           //funcion para exportar a excel     
               function ReporteQx(){
                   $.ajax({
                        type: "POST",
                        contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                        url: "../../Quirofano/controlador/php/sql/DatosReporte.php",
                        success: DatosReporte
                    });            
                }
            function DatosReporte(Datos){
                rpt = $.parseJSON(Datos);
                    var resp = "";
                    datos = $("#ReporteQx");
                    resp += "<table width='103%' height='50' class='display' id='datatables'>\
                               <tr id='cirugias'>\
                                   <td colspan='2'>\
                                       Documento\
                                   </td>\
                                   <td>\
                                       Primer Nombre\
                                   </td>\
                                   <td>\
                                       Segundo Nombre\
                                   </td>\
                                   <td>\
                                       Primer Apellido\
                                   </td>\
                                   <td>\
                                       Segundo Apellido\
                                   </td>\
                                   <td>\
                                       Fecha Recepcion\
                                   </td>\
                                   <td>\
                                       Fecha Vencimiento\
                                   </td>\
                                   <td>\
                                       Medico\
                                   </td>\
                                   <td>\
                                       Cup 1\
                                   </td>\
                                   <td>\
                                       Codigo Servicio 1\
                                   </td>\
                                   <td>\
                                       Procedimiento 1\
                                   </td>\
                                   <td>\
                                       Cup 2\
                                   </td>\
                                   <td>\
                                       Codigo Servicio 2\
                                   </td>\
                                   <td>\
                                       Procedimiento 2\
                                   </td>\
                                   <td>\
                                       Cup 3\
                                   </td>\
                                   <td>\
                                       Codigo Servicio 3\
                                   </td>\
                                   <td>\
                                       Procedimiento 3\
                                   </td>\
                                   <td>\
                                       Cup 4\
                                   </td>\
                                   <td>\
                                       Codigo Servicio 4\
                                   </td>\
                                   <td>\
                                       Procedimiento 4\
                                   </td>\
                                   <td>\
                                       Cup 5\
                                   </td>\
                                   <td>\
                                       Codigo Servicio 5\
                                   </td>\
                                   <td>\
                                       Procedimiento 5\
                                   </td>\
                                   <td>\
                                       Cup 6\
                                   </td>\
                                   <td>\
                                       Codigo Servicio 6\
                                   </td>\
                                   <td>\
                                       Procedimiento 6\
                                   </td>\
                                   <td>\
                                       Observaciones\
                                   </td>\
                                   <td>\
                                       Sexo\
                                   </td>\
                                   <td>\
                                       Tipo Paciente\
                                   </td>\
                                   <td>\
                                       Fecha Nacimiento\
                                   </td>\
                                   <td>\
                                       Edad\
                                   </td>\
                                   <td>\
                                       Tipo Afiliacion\
                                   </td>\
                                   <td>\
                                       Eps\
                                   </td>\
                                   <td>\
                                       Estado\
                                   </td>\
                                   <td>\
                                       Servicio\
                                   </td>\
                                   <td>\
                                       Especialidad\
                                   </td>\
                               </tr>";
                     var con = 1;
                     for(r in rpt){

                          resp += '<tr id="filas">\
                                      <th  align="center">\
                                        '+ con +'\
                                      </th>\
                                      <th align="center" >\
                                        '+ rpt[r].PACNUMDOC +'\
                                      </th>\
                                      <th align="center" >\
                                        '+ rpt[r].PACPRINOM +'\
                                      </th>\
                                      <th align="center" >\
                                        '+ rpt[r].PACSEGNOM +'\
                                      </th>\
                                      <th align="center" >\
                                        '+ rpt[r].PACPRIAPE +'\
                                      </th>\
                                      <th align="center" >\
                                        '+ rpt[r].PACSEGAPE +'\
                                      </th>\
                                      <th align="center" >\
                                        '+ rpt[r].FECHA_RECEPCION +'\
                                      </th>\
                                      <th align="center" >\
                                        '+ rpt[r].FECHA_VENCIMIENTO +'\
                                      </th>\
                                      <th align="center" >\
                                        '+ rpt[r].pramedico +'\
                                      </th>\
                                      <th align="center" >\
                                        '+ rpt[r].pracup1 +'\
                                      </th>\
                                      <th align="center" >\
                                        '+ rpt[r].pracodser1 +'\
                                      </th>\
                                      <th align="center" >\
                                        '+ rpt[r].praproce1 +'\
                                      </th>\
                                      <th align="center" >\
                                        '+ rpt[r].pracup2 +'\
                                      </th>\
                                      <th align="center" >\
                                        '+ rpt[r].pracodser2 +'\
                                      </th>\
                                      <th align="center" >\
                                        '+ rpt[r].praproce2 +'\
                                      </th>\
                                      <th align="center" >\
                                        '+ rpt[r].pracup3 +'\
                                      </th>\
                                      <th align="center" >\
                                        '+ rpt[r].pracodser3 +'\
                                      </th>\
                                      <th align="center" >\
                                        '+ rpt[r].praproce3 +'\
                                      </th>\
                                      <th align="center" >\
                                        '+ rpt[r].pracup4 +'\
                                      </th>\
                                      <th align="center" >\
                                        '+ rpt[r].pracodser4 +'\
                                      </th>\
                                      <th align="center" >\
                                        '+ rpt[r].praproce4 +'\
                                      </th>\
                                      <th align="center" >\
                                        '+ rpt[r].Expr1 +'\
                                      </th>\
                                      <th align="center" >\
                                        '+ rpt[r].Expr2 +'\
                                      </th>\
                                      <th align="center" >\
                                        '+ rpt[r].Expr3 +'\
                                      </th>\
                                      <th align="center" >\
                                        '+ rpt[r].pracup6 +'\
                                      </th>\
                                      <th align="center" >\
                                        '+ rpt[r].pracodser6 +'\
                                      </th>\
                                      <th align="center" >\
                                        '+ rpt[r].praproce6 +'\
                                      </th>\
                                      <th align="center" >\
                                        '+ rpt[r].praobs +'\
                                      </th>\
                                      <th align="center" >\
                                        '+ rpt[r].sexo +'\
                                      </th>\
                                      <th align="center" >\
                                        '+ rpt[r].tipo_Paciente +'\
                                      </th>\
                                      <th align="center" >\
                                        '+ rpt[r].GPAFECNAC +'\
                                      </th>\
                                      <th align="center" >\
                                        '+ rpt[r].Expr4 +'\
                                      </th>\
                                      <th align="center" >\
                                        '+ rpt[r].Tipo_Afiliacion +'\
                                      </th>\
                                      <th align="center" >\
                                        '+ rpt[r].GDENOMBRE +'\
                                      </th>\
                                      <th align="center" >\
                                        '+ rpt[r].estado +'\
                                      </th>\
                                      <th align="center" >\
                                        '+ rpt[r].GASNOMBRE +'\
                                      </th>\
                                      <th align="center" >\
                                        '+ rpt[r].GEEDESCRI +'\
                                      </th>\
                                    </tr>\ ';
                           con++;
                     }        
                     resp += "</table>"; 
                     datos.append(resp);
            }
            

            </script>

            <style>

                .tabs { /* es el rectángulo contenedor */
                margin: 0 auto;
                min-height: 200px;
                position: relative;
                width: 99%;
                height: 65%;
                }
                .tab { /* cada una de las pestañas */
                float: left;
                }
                .tab label { /* la parte superior con el título de la pestaña */
                /*color pestaña*/
                background-color: #BDBDBD;
                border-radius: 5px 5px 0 0;
                /*letra color*/
                color: white;
                cursor: pointer;
                left: 0;
                margin-right: 1px;
                padding: 5px 15px;
                position: relative;
                }
                /* el control input sólo lo necesitamos para que las pestañas permanezcan abiertas así que lo ocultamos */
                .tab [type=radio] { display: none; }

                /* el contenido de las pestañas */
                .content {
                background-color: #F2F2F2;
                bottom: 0;
                left: 0;
                overflow: hidden;
                padding: 20px;
                position: absolute;
                right: 0;
                top: 23px;
                }
                /* y un poco de animación */
                .content > * {
                opacity: 0;

                -moz-transform: translateX(-100%);
                -webkit-transform: translateX(-100%);
                -o-transform: translateX(-100%);

                -moz-transition: all 0.6s ease;
                -webkit-transition: all 0.6s ease;
                -o-transition: all 0.6s ease;
                }

                /* controlamos la pestaña activa */
                [type="radio"]:checked ~ label {
                background-color: #D8D8D8;
                box-shadow: 0 3px 2px #89A inset;
                color: white;
                z-index: 1;
                }
                [type=radio]:checked ~ label ~ .content { z-index: 1; }
                [type=radio]:checked ~ label ~ .content > * {
                opacity: 1;
                -moz-transform: translateX(0);
                -webkit-transform: translateX(0);
                -o-transform: translateX(0);
                -ms-transform: translateX(0);
                }

            </style>
            
            
    </head>
    
    <body onload="datosC();datosC2();ReporteQx();">
      
        <div class="tabs">
        <div class="tab">
            <input type="radio" id="tab-1" name="tab-group-1" checked>
            <label for="tab-1">HOSPITALARIO</label>
            <div class="content">  
                <center>
                     <div id="scroll2"><b>LISTA PROGRAMACION DE CIRUGIAS HOSPITALARIO</b>
                     </div>
                     <div id="scroll">
                         <div id="dat">
                         </div>
                         
                     </div>
                     <div id="scroll3">
                         <div align="left">
                             <table style="font-size: 90%"  >
                                 <tr>
                                     <td>
                                         Filtar Por
                                     </td>
                                     <td>
                                         <!--<input type="text" name="" value="" style/>-->
                                         <select name="cbfiltro" id="cbfiltro" onchange="filtro();">
                                             <option>Seleccione</option>
                                             <option value="doc">Documento</option>
                                             <option value="ent">Entidad</option>
                                             <option value="esp">Especialidad</option>
                                             <option value="ase">Area Servicio</option>
                                             <option value="est">Estado</option>
                                             <option value="Fecha">Fecha</option>
                                         </select>
                                     </td>
                                     <td style="width: 1030px">
                                          <!--<input class="white" type="button" value="Filtrar"/>-->
                                         <div id="contenido">

                                         </div>
                                     </td>
                                     <td>
                                        <form action="../../controlador/php/sql/excel.php" method="post" target="_blank" id="FormularioExportacion">
                                            <img title="generar en excel" src="../imagen/excel.png" width="40" height="40" class="botonExcel" />
                                            <input type="hidden" id="datos_a_enviar1" name="datos_a_enviar1"/>
                                        </form>
                                     </td>
                                 </tr>
                             </table>
                         </div>
                     </div>
             </center> 
            </div>
        </div>
        <div class="tab">
            <input type="radio" id="tab-2" name="tab-group-1">
            <label for="tab-2">AMBULATORIO</label>
            <div class="content">
                <center>
                     <div id="scroll2"><b>LISTA PROGRAMACION DE CIRUGIAS AMBULATORIO</b>
                     </div>
                     <div id="scroll">
                         <div id="dat2">

                         </div>
                     </div>
                     <div id="scroll3">
                         <div align="left">
                             <table style="font-size: 90%" >
                                 <tr>
                                     <td>
                                         Filtar Por
                                     </td>
                                     <td>
                                         <!--<input type="text" name="" value="" style/>-->
                                         <select name="cbfiltro" id="filtro" onchange="filtro2();">
                                             <option>Seleccione</option>
                                             <option value="doc">Documento</option>
                                             <option value="ent">Entidad</option>
                                             <option value="esp">Especialidad</option>
                                             <option value="ase">Area Servicio</option>
                                             <option value="est">Estado</option>
                                             <option value="Fecha">Fecha</option>
                                         </select>
                                     </td>
                                     <td style="width: 1030px">
                                          <!--<input class="white" type="button" value="Filtrar"/>-->
                                         <div id="contenido2">

                                         </div>
                                     </td>
                                      <td>
                                        <form action="../../controlador/php/sql/excel2.php" method="post" target="_blank" id="FormularioExportacion2">
                                            <img title="generar en excel" src="../imagen/excel.png" width="40" height="40" class="botonExcel2" />
                                            <input type="hidden" id="datos_a_enviar2" name="datos_a_enviar2" />
                                        </form>
                                     </td>
                                 </tr>
                             </table>
                         </div>
                     </div>
                </center>
            </div>
        </div>
        <div class="tab">
            <input type="radio" id="tab-3" name="tab-group-1">
            <label for="tab-3">REPORTE</label>
            <div class="content">
                <center>
                     <div id="scroll2"><b></b>
                     </div>
                    <div id="scroll" style="width: 100%;overflow-x: scroll">
                         <div  id="ReporteQx"></div>
                     </div>
                     <div id="scroll3">
                         <div align="left">
                             <table style="font-size: 90%" >
                                 <tr>
                                      <td>
                                        <form action="../../controlador/php/sql/excel3.php" method="post" target="_blank" id="FormularioExportacion3">
                                            <img title="generar en excel" src="../imagen/excel.png" width="40" height="40" class="botonExcel3" />
                                            <input type="hidden" id="datos_a_enviar3" name="datos_a_enviar3" />
                                        </form>
                                     </td>
                                 </tr>
                             </table>
                         </div>
                     </div>
                </center>
            </div>
        </div>
     </div>
    </body>
</html>